<!--header-->
<header class="bar bar-nav thame-danger">
    <span class="icon icon-left pull-left backPage"></span>
    <h1 class="title">联系人</h1>
</header>
<!--searchbar-->
<div class="bar bar-header-secondary">
    <div class="searchbar">
        <div class="search-input">
            <label class="icon icon-search text-disabled" for=""></label>
            <input type="search" id="" placeholder='输入关键字...'/>
        </div>
        <a class="searchbar-cancel">取消</a>
    </div>
</div>
<!--nav-->
<nav class="bar bar-tab">
    <div class="tab-item text-danger" id="addPassenger">+ 新增联系人</div>
</nav>
<!--content-->
<div class="content">
    <div class="content-block-title">当前联系人</div>
    <div class="list-block contacts-block mt0 mb0 passenger">
        <div class="list-group">
            <ul>
                <li>
                    <div class="item-content">
                        <div class="item-inner">
                            <div class="item-title">
                                <span>
                                    <label class="label-box text-disabled"><input type="checkbox" value="0" checked></label>
                                    阿平
                                </span>
                                <span class="text-disabled">成人</span> 500****3693
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="list-block contacts-block mt0 passenger">
        <div class="list-group">
            <ul>
                <li class="list-group-title">A</li>
                <li>
                    <div class="item-content">
                        <div class="item-inner">
                            <div class="item-title">
                                <span>
                                    <label class="label-box text-disabled"><input type="checkbox" value="0" checked></label>
                                    阿平
                                </span>
                                <span class="text-disabled">成人</span> 500****3693
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="item-inner">
                            <div class="item-title">
                                <span>
                                    阿平
                                </span>
                                <span class="text-disabled">成人</span> 500****3693
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="list-group">
            <ul>
                <li class="list-group-title">B</li>
                <li>
                    <div class="item-content">
                        <div class="item-inner">
                            <div class="item-title">
                                 <span>
                                    上官俊奇
                                </span>
                                <span class="text-disabled">儿童</span> 500****3693
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>